<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>狂欢双十一</title>
    <link href="css/happy_style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="top">
    <div class="center">
         <div class="text">
             <p> 双11<a style="color: #fbd883">提前抢购</a>， 一样<a style="color: #fbd883">划算</a>：先买先得， 免受等货之苦！</p>
         </div>
    </div>
</div>
<div id="all_body">
     <div id="head">
     </div>
     <div id="one">
          <div class="top">
              <img src="img/j1.jpg">
          </div>
          <div class="middle">
               <div class="left">
                  <div class="m">
                  <p style="color: #910000;font-size: 15px;line-height: 0;font-weight: 600"> 提前抢购价￥：</p>
                      <p style="text-indent: 15px;color: #ff001a;font-size: 40px;font-weight: 600;line-height: 0">2099</p>
                      <p style="line-height: 30px; font-size: 22px;color: #910000;font-weight: 700"><i>省<a style="color: #dc0016">300</a>元</i></p>
                  </div>
                   <div class="n">
                      <div style="float:left; background-color: #5b0009; height: 25px;width: 200px;color: #ffffff"> 型号：111888888</div>
                       <div style="float:left; background-color: #ff5d04; height: 25px;width: 100px;"><del style="font-size: small">原价：2399元</del></div>
                   </div>
               </div>
               <div class="right">
                   <div class="m">
                       <p style="color: #910000;font-size: 15px;line-height: 0;font-weight: 600"> 提前抢购价￥：</p>
                       <p style="text-indent: 15px;color: #ff001a;font-size: 40px;font-weight: 600;line-height: 0">2099</p>
                       <p style="line-height: 30px; font-size: 22px;color: #910000;font-weight: 700"><i>省<a style="color: #dc0016">300</a>元</i></p>
                   </div>
                   <div class="n">
                       <div style="float:left; background-color: #5b0009; height: 25px;width: 200px;color: #ffffff"> 型号：111888888</div>
                       <div style="float:left; background-color: #ff5d04; height: 25px;width: 100px;"><del style="font-size: small">原价：2399元</del></div>
                   </div>
               </div>
          </div>
     </div>
    <div id="two">
        <div class="top">
            <img src="img/j2.jpg">
        </div>
        <div class="middle">
            <div class="left">
                <div class="m">
                    <p style="color: #910000;font-size: 15px;line-height: 0;font-weight: 600"> 提前抢购价￥：</p>
                    <p style="text-indent: 15px;color: #ff001a;font-size: 40px;font-weight: 600;line-height: 0px">2099</p>
                    <p style="line-height: 30px; font-size: 22px;color: #910000;font-weight: 700"><i>省<a style="color: #dc0016">300</a>元</i></p>
                </div>
                <div class="n">
                    <div style="float:left; background-color: #5b0009; height: 25px;width: 200px;color: #ffffff"> 型号：111888888</div>
                    <div style="float:left; background-color: #ff5d04; height: 25px;width: 100px;"><del style="font-size: small">原价：2399元</del></div>
                </div>
            </div>
            <div class="right">
                <div class="m">
                    <p style="color: #910000;font-size: 15px;line-height: 0;font-weight: 600"> 提前抢购价￥：</p>
                    <p style="text-indent: 15px;color: #ff001a;font-size: 40px;font-weight: 600;line-height: 0px">2099</p>
                    <p style="line-height: 30px; font-size: 22px;color: #910000;font-weight: 700"><i>省<a style="color: #dc0016">300</a>元</i></p>
                </div>
                <div class="n">
                    <div style="float:left; background-color: #5b0009; height: 25px;width: 200px;color: #ffffff"> 型号：111888888</div>
                    <div style="float:left; background-color: #ff5d04; height: 25px;width: 100px;"><del style="font-size: small">原价：2399元</del></div>
                </div>
            </div>
        </div>
    </div>
    <div id="three">
        <div class="top">
            <img src="img/j3.jpg">
        </div>
        <div class="middle">
            <div class="left">
                <div class="m">
                    <p style="color: #910000;font-size: 15px;line-height: 0;font-weight: 600"> 提前抢购价￥：</p>
                    <p style="text-indent: 15px;color: #ff001a;font-size: 40px;font-weight: 600;line-height: 0px">2099</p>
                    <p style="line-height: 30px; font-size: 22px;color: #910000;font-weight: 700"><i>省<a style="color: #dc0016">300</a>元</i></p>
                </div>
                <div class="n">
                    <div style="float:left; background-color: #5b0009; height: 25px;width: 200px;color: #ffffff"> 型号：111888888</div>
                    <div style="float:left; background-color: #ff5d04; height: 25px;width: 100px;"><del style="font-size: small">原价：2399元</del></div>
                </div>
            </div>
            <div class="right">
                <div class="m">
                    <p style="color: #910000;font-size: 15px;line-height: 0;font-weight: 600"> 提前抢购价￥：</p>
                    <p style="text-indent: 15px;color: #ff001a;font-size: 40px;font-weight: 600;line-height: 0px">2099</p>
                    <p style="line-height: 30px; font-size: 22px;color: #910000;font-weight: 700"><i>省<a style="color: #dc0016">300</a>元</i></p>
                </div>
                <div class="n">
                    <div style="float:left; background-color: #5b0009; height: 25px;width: 200px;color: #ffffff"> 型号：111888888</div>
                    <div style="float:left; background-color: #ff5d04; height: 25px;width: 100px;"><del style="font-size: small">原价：2399元</del></div>
                </div>
            </div>
        </div>
    </div>
    <div id="four">
        <div class="top">
            <img src="img/j4.jpg">
        </div>
        <div class="middle">
            <div class="left">
                <div class="bottom">
                    <a href="#"><img src="img/goumai.jpg"></a>
                </div>
            </div>
            <div class="right">
                <div class="bottom">
                    <a href="#"><img src="img/goumai.jpg"></a>
                </div>
            </div>
        </div>
    </div>
    <div id="five">
        <div class="top">
            <img src="img/j5.jpg">
        </div>
        <div class="middle">
            <div class="left">
                 <img src="img/s3.png">
            </div>
            <div class="middle">
                 <img src="img/s4.png">
            </div>
            <div class="right">
                 <img src="img/s5.png">
            </div>
        </div>
    </div>
</div>
</body>
</html>